
<!DOCTYPE html>
<html>
<head>
  <meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">
  <title>I am a page title</title>
  <script type="text/javascript" src="/js/jquery.min.js"></script>
</head>
<body>

<h1>This page is a Selenium sandbox</h1>

I am some page content
<div id="i_am_an_id" class="i_am_a_class">I am a div</div>
<a href="/test/guinea-pig2.html" id="i am a link">i am a link</a><br/>
<a href="#anchor" id="i am an anchor link">i am an anchor link</a><br/>
<a href="/test/guinea-pig2.html" id="blanklink" target="_blank">i am a new window link</a>
<a href="/test/guinea-pig3.html" id="guinea pig 3 link">i am a link to page 3</a><br/>
<a href="/test/guinea-pig4.html" id="guinea pig 4 blank link" target="_blank">i am a new window link to page 4</a>
<div>i appear 3 times</div>
<div>i appear 3 times</div>
<div>i appear 3 times</div>
<div id="popuplink" onclick="setTimeout(function() { window.open('/test/guinea-pig2.html', 'popupwin'); }, 500);">i cause a popup window</div>
<div id="guinea pig 5 popup link" onclick="setTimeout(function() { window.open('/test/guinea-pig5.html', 'popupwin'); }, 500);">i cause a popup window with page 5</div>
<div id="invisible div" style="display:none;">i am invisible</div>
<div>
  <a id="alert1" href="javascript:void(0);" onclick="alert('I am an alert')">I cause an alert</a>
  <a id="prompt1" href="javascript:void(0);" onclick="$('#promptVal').val(prompt('Do you like javascript?'));">I cause a prompt</a>
  <input type="text" value="" id="promptVal" /></div>
<form id="the_forms_id">
<p>
<input id="i_am_a_textbox" name="i_am_a_textbox" type="text" value="i has no focus" />
</p>
<input type="checkbox" id="unchecked_checkbox" name="unchecked_checkbox"/>
<input type="checkbox" id="checked_checkbox" name="checked_checkbox" checked="checked"/>
<select name="selectbox">
  <option value="value1">First option</option>
  <option value="value2">Second option</option>
  <option value="value3">Third option</option>
</select>

</form>
<span id="your_comments">
  Your comments: <%= comment %><br/>
</span>
&#x00F1;&#x2603;
<script type="text/javascript">
  $(document).ready(function(){
    $("#i_am_a_textbox").focus(function(){$(this).val("");})
      .blur(function(){$(this).val("i has no focus");});
  });
</script>

  <div class="border">

  <form id="jumpContact" method="post">
    <p>
      <label for="fbemail">Email:</label><br>
      <input id="fbemail" type="text" size="50" name="fbemail" placeholder="We would really like to follow up!"></input>
    </p>
    <p>
      <label for="comments">Comments:</label><br>
      <textarea id="comments" style="width:400px;height:100px" name="comments" placeholder="Thanks in advance, this is really helpful."></textarea>
    </p>
    <div style="float:left">
      <input class="jumpButton" type="submit" name="submit" id="submit" value="send" />
    </div>
  </form>
  </div>

  <br/>

  <p>Server time: <span id="servertime"><%= serverTime %></span></p>
  <p>Client time: <span id="clienttime"><%= new Date() %></span></p>
  <script type="text/javascript">
    var uuid;
    try {uuid = window.location.toString().match(/\?(.*)$/)[1]; } catch (ign) {}
    if (uuid) document.title = document.title + " - " + uuid;
  </script>

  <p id="useragent"><%= userAgent %></p>

</body>
</html>
